<style>
    .well {
        width: 245px;
        margin: auto;
        margin-top: 4px;

    }   
    .form-control{
        margin-top: 8px;
    }
</style>
<div class="" style="width: auto;margin-top: 65px;">
    <div class="content">
        <div class="well" id="title" style="text-align: center;">
            <span class="input-group-addon" style="font-size: 20px; text-align: center;">Tài Khoản Đăng Nhập </span> <br />
        </div>
        <form class="well"  role="form"  >
            <input type="hidden" name="next" id="input_next" value="<?php echo $next; ?>"/>
            <div class="input-group">
                <!--<span class="input-group-addon">Tên Đăng Nhập :</span> <br /> -->
               <!-- <span class="input-group-addon"><img src="<?php echo base_url(); ?>public/img/user.png"/></span> -->
                <input type="text" class="form-control" placeholder="Tên Đăng Nhập" name="user" id="form-lg-control" />
            </div>
            <div class="input-group">
                <input type="password" class="form-control" placeholder="Mật Khẩu" name="pass" id="form-mk-control" />
            </div> 
            <div class="checkbox">
                <label class="input-group-addon">
                    <input type="checkbox" name="ok" value="ok" id="ok"/> <span>Ghi nhớ lần sau </span>
                </label>
            </div> <br />
            <div class="btn-group">
                <button type="button" class="btn btn-primary btn-lg btn-block" id="btn-lg" name="btn-lg" data-toggle="dropdown" style="width: 105px;float: left; background: #20B2AA;">
                    Đăng nhập
                </button>
                <button class="btn btn-primary btn-lg btn-block" id="btn-rg" name="btn-rg" type="button" style="width: 105px;float: right;margin-left: 10px;margin-top: 0px;background: #808080;">Đăng kí</button>
            </div>

        </form>
        <div class="well" id="error" style="margin-top: 4px; display: none; color: red;text-align: center;"></div>
    </div>

</div>
<script>
    $(document).ready(function(){
        $("#form-lg-control").focus(); 
        $("#form-lg-control").keypress(function(event){
            keyPressAction(event);
           
        });
        $("#form-mk-control").keypress(function(event){
            keyPressAction(event);
        });
        
        function keyPressAction(event){
            var keycode = (event.keyCode ? event.keyCode : event.which);
            if(keycode == '13'){
                $("#btn-lg").click();
            }
        }
        
        $("#btn-lg").click(function(){
            var user = $('#form-lg-control').val();
            var pass = $('#form-mk-control').val();
            var error = $('#error');
            error.html("") ;
            var next = $('#input_next').val();
            var check = $('#ok').val();
            $.ajax({
                type :"POST",
                url  :"<?php echo base_url(); ?>index.php/user/login" ,
                data : { "user": user, "pass": pass, "check" : check, "next": next },
                cache: false,
                success : function(data){
                    if((data.trim()=='1'))
                    {
                        error.html('<span>Bạn quên nhập tên đăng nhập và mật khẩu!</span>') ;
                        $("#form-lg-control").focus();
                    }
                    else if(data.trim()=='2')
                    {
                        error.html('<span>Bạn quên nhập tên đăng nhập!</span>`') ;
                        $("#form-lg-control").focus();
                        
                    }
                    else if(data.trim()=='3'){
                        error.html('<span>Bạn quên nhập mật khẩu!</span>') ;
                        $("#form-mk-control").focus();
                      
                    }
                    else if(data.trim()=='4')
                    {
                        error.html("<span>Tên đăng nhập hoặc mật khẩu của bạn không chính xác!</span>");
                        $("#form-mk-control").focus();
                    }
                    else{
                        if (data.trim()=='ok'){
                            window.location.href = "<?php echo base_url(); ?>index.php/user/profile";
                        }else{
                            window.location.href = data.trim();
                        }                            
                    }
                }
            }) ;          
            $("#error").show();  
        }) ; 
        /**
         *   button register 
         */
        $('#btn-rg').click(function(){
            window.location.href = "<?php echo base_url(); ?>index.php/user/register";
        }) ;
        
    });
</script>